 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name">风控配置</div>
      </div>
      <div class="content-con">
        <div class="bank-form">
          <div class="form-item">
            <div class="item-list"
            v-for="(control,index) in controlData"
            :key='control.id'>
              <Row :gutter="24" v-if="index == 0">
                <i-col span="4" class="list-name"><span>{{control.title}}</span></i-col>
                <i-col span="20">
                  <i-input :value.sync="control.value" size="large" readonly></i-input>
                </i-col>
              </Row>
              <Row :gutter="24" v-else-if="index == 1">
                <i-col span="4" class="list-name"><span>{{control.title}}</span></i-col>
                <i-col span="20">
                  <i-input :value.sync="control.value" size="large" :placeholder="control.place"></i-input>
                </i-col>
              </Row>
              <Row :gutter="24" v-else-if="index == 4">
                <i-col span="4" class="list-name"><span>{{control.title}}</span></i-col>
                <i-col span="20">
                  <Radio-group :model.sync="statu" style="padding-top: 8px;">
                    <Radio size="large" value="开始">开始</Radio>
                    <Radio size="large" value="关闭">关闭</Radio>
                  </Radio-group>
                </i-col>
              </Row>
              <Row :gutter="24" v-else>
                <i-col span="4" class="list-name"><span>{{control.title}}</span></i-col>
                <i-col span="20">
                  <Time-picker confirm :placeholder="control.place" style="width: 100%;"></Time-picker>
                </i-col>
              </Row>
            </div>
          </div>
        </div>
        <div class="ban-btn">
          <i-button class="save" size="large">保存</i-button>
          <i-button class="save" size="large" @click="btnClick1">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
 <script>
 import axios from "../../libs/axios.js";
 export default {
   name: 'control',
   props:{
     shadow: {
       type: Boolean,
       default: false
     }
   },
   data() {
     return {
       value: '',
       statu:'开启',
       controlData: [
         {
           title: '通道名称',
           value: '手工代付'
         },
         {
           title: '当天交易金额(元)',
           value: '',
           place: '输入当天交易金额'
         },
         {
           title: '交易开始时间',
           value: '',
           place: '输入交易开始时间，格式为：01:30:00'
         },
         {
           title: '交易结束时间',
           value: '',
           place: '输入交易结束时间，格式为：21:00:00'
         },
         {
           title: '风控状态',
           value: ''
         }
       ]
     };
   },
   methods: {
     // 返回按钮
     btnClick1(){
       this.$router.push({name:'paid_channel'})
     }
   }
 };
 </script>
 <style lang="less">
   .card-name{
       height: 42px;
       border-bottom: 1px solid #f6f6f6;
         .name{
           margin: 0 15px;
           padding: 0;
           width: 65px;
           text-align: center;
           line-height: 42px;
           border-bottom: 2px solid #5FB878;
         }
     }
     .content-con{
       margin: 15px 15px 0px 15px;
       .bank-form{
         .form-item{
           .item-list{
             margin: 0 50px 20px 20px;
             .list-name{
               text-align: right;
               height: 36px;
               line-height: 36px;
               overflow: hidden;
               white-space: nowrap;
               text-overflow: ellipsis;
             }
           }
          }
        }
        .ban-btn{
          padding:18px 0px 12px 110px;
          .save{
            background-color: rgb(0, 150, 136);
            color: white;
            white-space: nowrap;
            text-align: center;
            font-size: 14px;
            border: none;
            border-radius: 2px;
            cursor: pointer;
            display: inline-block;
            height: 38px;
            line-height: 38px;
            padding: 0 18px;
            margin-right: 15px;
          }
        }
       .page{
         position: relative;
         width: 100%;
         padding: 7px 7px 0;
         height: 41px;
         font-size: 12px;
         // overflow: hidden;
         border-bottom: 1px solid #dcdee2;
         border-left: 1px solid #dcdee2;
         border-right: 1px solid #dcdee2;
       }
     }
 </style>
